<template>
  <li id="test">
      {{name}}
      <slot name="footer"></slot>
      <slot name="header"></slot>
      <slot></slot>
      <slot name="user" :user="user"></slot>
      <!-- <template ></template> -->
 </li>
</template>

<script>
export default {
    name:"testItem",
    data(){
        return{
            user:{
                name:"小红",
                sex:"女"
            }
        }
    },
    props:{
        name:{
            type:String,
            default:""
        },
        sex:{
            type:Number,
            default:0
        }
    },
    created(){
        
    },
    mounted(){
        console.log(this.$slots.default,this.$scopedSlots,1111)
        this.$emit("reload")
    }
}
</script>

<style>

</style>